
<template>
  <div class="Storeroom">
    <div class="left">
      <Menu mode="vertical" style="width: 200px" :theme="primary" active-name="1"
        ><router-link to="/Kufang" style="color: rgb(83, 83, 83)">
          <MenuItem name="1">
            <div class="menuImg">
              <img
                src="../../../image/kf-noActive.svg"
                alt=""
                style="width: 18px; height: 18px;color: rgb(83, 83, 83)"
              />
              <div>
                库房
              </div>
            </div>

          </MenuItem></router-link
        >
        <router-link to="/Kuchun" style="color: rgb(83, 83, 83)">
          <MenuItem name="2">
            <div class="menuImg">
              <img
                src="../../../image/kc-noActive.svg"
                alt=""
                style="width: 18px; height: 18px;color: rgb(83, 83, 83)"
              />
              <div>
                库存
              </div>
            </div>

          </MenuItem>
        </router-link>
        <router-link to="/Liushui" style="color: rgb(83, 83, 83)">
          <MenuItem name="3">
            <div class="menuImg">
              <img
                src="../../../image/ls-noActive.svg"
                alt=""
                style="width: 18px; height: 18px;color: rgb(83, 83, 83)"
              />
              <div>
                流水
              </div>
            </div>

          </MenuItem>
        </router-link>
        <router-link to="/Pandian" style="color: rgb(83, 83, 83)">
          <MenuItem name="4">
            <div class="menuImg">
              <img
                src="../../../image/gys-noActive.svg"
                alt=""
                style="width: 18px; height: 18px;color: rgb(83, 83, 83)"
              />
              <div>
                盘点
              </div>
            </div>

          </MenuItem>
        </router-link>
      </Menu>
    </div>
    <div class="right">
      <router-view />
    </div>
  </div>
</template>

<script>
</script>

<style scoped>
.Storeroom{
  display: flex;
  height: 100vh;
}
.right{
  width: 100%;
  
}
.left {
  background-color: #fff;
  border-right: 1px solid #dddddd;
}
.menuImg{
  display: flex;

  align-items: center;
}
.menuImg div{
  padding-left: 5px ;
}
.ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu){
  background-color: #f9f5f3;  
 }
</style>